<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="df" uri="/WEB-INF/datetag.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>

    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>GM</title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keyword" content="">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="../css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="../css/style-responsive.css" rel="stylesheet">

    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link id="ie-style" href="../css/ie.css" rel="stylesheet">
    <![endif]-->

    <!--[if IE 9]>
    <link id="ie9style" href="../css/ie9.css" rel="stylesheet">
    <![endif]-->

    <!-- start: Favicon -->
    <link rel="shortcut icon" href="../img/favicon.ico">
    <!-- end: Favicon -->

</head>

<body>
<!-- start: Content -->


<div class="row-fluid sortable">
    <div class="box span12">
        <div class="box-header" data-original-title>
            <h2>
                <i class="halflings-icon white user"></i>
                <span class="break"></span>账单管理
            </h2>
            <div class="box-icon">
                <a href="#" class="btn-setting">
                    <i class="halflings-icon white wrench"></i>
                </a>
                <a href="#" class="btn-minimize">
                    <i class="halflings-icon white chevron-up"></i>
                </a>
                <a href="#" class="btn-close">
                    <i class="halflings-icon white remove"></i>
                </a>
            </div>
        </div>
        <div class="box-content" style="overflow-y:scroll; overflow-x:scroll; height:980px;">
            <table class="table table-striped table-bordered bootstrap-datatable datatable">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>客户姓名</th>
                    <th>卡号</th>
                    <th>还款金额</th>
                    <th>手续费</th>
                    <th>系统账单日</th>
                    <th>系统还款日</th>
                    <th>排程</th>
                    <th>创建时间</th>
                    <th>修改时间</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <c:forEach items="${billList}" var="bill" >
                    <tr>
                        <td>${bill.id}</td>
                        <td>${bill.customerName}</td>
                        <td>${bill.cardNum}</td>
                        <td>${bill.repayMoney}</td>
                        <td>${bill.commission}</td>
                        <td>${bill.beginTime}</td>
                        <td>${bill.endTime}</td>
                        <td>
                            <c:if test="${bill.status==1}">
                                <span class="label label-success">完成排程</span>
                            </c:if>
                            <c:if test="${bill.status==0}">
                                <span class="label label-warning">未完成</span>
                            </c:if>
                        </td>
                        <td class="center">
                            <df:date value="${bill.createTime}"/>
                        </td>
                        <td class="center">
                            <df:date value="${bill.updateTime}"/>
                        </td>
                        <td class="center">
                            <%--<c:if test="${bill.status==0}">--%>
                            <a class="btn btn-info" href="../cardOper/gotoCardOperList.web?blid=${bill.id}">
                               排程
                            </a>
                            <%--</c:if>--%>
                        </td>
                    </tr>
                </c:forEach>
                </tbody>
            </table>
            当前页: <font color="red">${paginator.page}</font>
            <a href="../../bill/billList.web?currentPage=${paginator.prePage}&pageSize=${paginator.limit}">上一页</a>

            <a href="../../bill/billList.web?currentPage=${paginator.nextPage}&pageSize=${paginator.limit}">下一页</a>
            总页数: ${paginator.totalPages}
        </div>
    </div><!--/span-->

</div><!--/row-->
<!-- start: JavaScript-->

<script src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/jquery-migrate-1.0.0.min.js"></script>

<script src="../js/jquery-ui-1.10.0.custom.min.js"></script>

<script src="../js/jquery.ui.touch-punch.js"></script>

<script src="../js/modernizr.js"></script>

<script src="../js/bootstrap.min.js"></script>

<script src="../js/jquery.cookie.js"></script>

<script src='../js/fullcalendar.min.js'></script>

<script src='../js/jquery.dataTables.min.js'></script>

<script src="../js/excanvas.js"></script>
<script src="../js/jquery.flot.js"></script>
<script src="../js/jquery.flot.pie.js"></script>
<script src="../js/jquery.flot.stack.js"></script>
<script src="../js/jquery.flot.resize.min.js"></script>

<script src="../js/jquery.chosen.min.js"></script>

<script src="../js/jquery.uniform.min.js"></script>

<script src="../js/jquery.cleditor.min.js"></script>

<script src="../js/jquery.noty.js"></script>

<script src="../js/jquery.elfinder.min.js"></script>

<script src="../js/jquery.raty.min.js"></script>

<script src="../js/jquery.iphone.toggle.js"></script>

<script src="../js/jquery.uploadify-3.1.min.js"></script>

<script src="../js/jquery.gritter.min.js"></script>

<script src="../js/jquery.imagesloaded.js"></script>

<script src="../js/jquery.masonry.min.js"></script>

<script src="../js/jquery.knob.modified.js"></script>

<script src="../js/jquery.sparkline.min.js"></script>

<script src="../js/counter.js"></script>

<script src="../js/retina.js"></script>

</body>
</html>
